<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			span{
				width: 100px;
				height: 100px;
				display: inline-block;
				border: 1px solid red;
			}
			div{
				height: 100px;
			border: 1px solid #000;
			}
			.box1{
				/* margin-top: 20px;
				margin-right: 40px;
				margin-bottom: 80px;
				margin-left: 160px; */
				
				margin: 20px 40px 80px 160px;
			}
		</style>
	</head>
	<body>
		<!-- 
		 1.什么是外边距？
		 标签和标签之间的距离就是外边距
		 2.如何给一个标签设置外边距
		 2.1 非连写的方式
			margin-top: 上右下左
			margin-right
			margin-bottom
			margin-left
			
		 2.2 连写的方式
		 margin : 上右下左
		  
		  注意：外边距是没有背景颜色的
		 
		 
		 -->
	
		<span class="box1">我是span</span><span class="box2">我是span</span><span class="box3">我是span</span>
		<div class="box4"></div>
	</body>
</html>